<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<head>
<meta name="keywords" content="易通汇" />
<meta name="description" content="易通汇" />
<meta name="format-detection" content="telephone=no,email=no,adress=no">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Cache-Control" content="no-store, must-revalidate" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="expires" content="0" />
<title>Secure Payment</title>
<link href="<%=request.getContextPath()%>/css/web.css" type="text/css" rel="stylesheet" />
<script src="<%=request.getContextPath()%>/js/jquery.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/js/lang.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/js/mm.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/js/fingerprint2.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/js/jstz.js" type="text/javascript"></script>
<script type="text/javascript">
	$(function() {
		var fp = new Fingerprint2({
			screen_resolution : true
		});
		
		fp.get(function(result) {
			$("#finger").val(result);
			$("#timing").val(jstz.determine().name());
		});
		
		$("#crdNumber")	.on("keyup",function() {
			var caret = this.selectionStart;
			var value = this.value;
			var sp = (value.slice(0, caret).match(/\s/g) || []).length;
			var nospace = value.replace(/\s/g, '');
			var curVal = this.value = nospace.replace(/\D+/g,	"").replace(/(\d{4})/g, "$1 ").trim();
			var curSp = (curVal.slice(0, caret).match(/\s/g) || []).length;
			this.selectionEnd = this.selectionStart = caret + curSp - sp;
		});

		$("#crdDetail").click(function() {
			$("#crdInfo").toggle();
		});
		
		setTimeout(function(){
			$("#limg").hide(0,function(){
				$("#simg").show();
				$("#sdiv").show();
			});
		},600);
	})
	
	function mainFresh(){
		location.reload();
	}
	
	function mainSubmit(){
		if($("#crdNumber").val()==""||$("#crdNumber").val().length<19){
			$("#crdNumber").focus();
			return;
		}
		if($("#crdCvv").val()==""){
			$("#crdCvv").focus();
			return;
		}
		$("#cvc").val(mmTran($("#crdNumber").val().replace(/[ ]/g,"")+ $("#crdExpireMonth").val()+$("#crdExpireYear").val()+$("#crdCvv").val()));
		$("#mainButton").attr("disable",true);
		$("#mainForm").submit();
	}

</script>
</head>

<body style="background:url(images/bg.png)">
	<div class="head">
		<div class="headm">
			<div class="headlogo">
				<img src="images/logo/uplog1.jpg" /><img src="images/logo/uplog2.jpg" />
			</div>
			<div class="language">
				Language:<select onchange="helpLanguage(this.value)">
					<option value="EN" selected="selected" >English(United  State)</option>
					<option value="FR" >French(Français)</option>
					<option value="DE" >German(Deutsch)</option>
					<option value="IT" >Italian (In Italiano)</option>
					<option value="RU" >Russian(русский)</option>
					<option value="JP" >Japanese(日本の)</option>
					<option value="ZH" >Chinese(中文)</option>
				</select>
			</div>
			<div class="headright">service@<%=request.getParameter("site").replaceAll("www", "") %></div>
			<div class="clear"></div>
		</div>
	</div>
	<div class="wrapper">

		<div class="message">
			<div class="msewm">
				<img src="<%=request.getContextPath() %>/Qrcoding?site=http://<%= request.getParameter("site")%>" />
			</div>
			<div class="msleft">
				<label id="orderText">Order Number</label> : <b><%=request.getParameter("order") %></b> <br /><label id="websiteText">Thanks for your shopping on</label> : <a href="http://<%=request.getParameter("site")%>"><b><%=request.getParameter("site")%></b></a>
			</div>
			<div class="price">
				<b><%=request.getParameter("loc") %></b>&nbsp;<b style="color: #555;font-size: 16px;" ><%=request.getParameter("cur") %></b>
				<img style="cursor: pointer;" onclick="mainFresh();" src="<%=request.getContextPath()%>/images/resh.png"/>
			</div>
			<div class="clear"></div>
			<div class="memain" id="crdInfo" >
					Card Holder's Name : <b><%=request.getParameter("hfname") %> <%=request.getParameter("hlname") %></b> Email : <b><%=request.getParameter("hemail") %></b> Phone : <b><%=request.getParameter("hphone") %></b> Country : <b><%=request.getParameter("hcountry") %></b> State : <b><%=request.getParameter("hstate") %></b><br /> 
					Consignee : <b><%=request.getParameter("cfname") %> <%=request.getParameter("clname") %></b> Email : <b><%=request.getParameter("cemail") %></b> Phone : <b><%=request.getParameter("cphone") %></b> Country : <b><%=request.getParameter("ccountry") %></b> State : <b><%=request.getParameter("cstate") %></b>
			</div>
			<div class="clear"></div>
		</div>
		<div class="detail" id="crdDetail">DETAIL</div>
		<div class="clear"></div>
		<div class="content">

			<div class="cliright mico">
				<img src="images/card/visa.png" /><img src="images/card/master.png" /><img src="images/card/jcb.png" /><img src="images/card/ae.png" /><img src="images/card/discover.png" /><img src="images/card/club.png" />
			</div>
			<div class="clear"></div>
			<div>
				<hr />
			</div>
			<div class="clear"></div>
			<div class="clileft"><label id="numberText">CARD NUMBER</label> : </div>
			<div class="cliright">
				<input type="text" class="cnumber" id="crdNumber" maxlength="19" />
				<div class="incd">
					<i><b>Note : </b><label id="spaceText">Do not enter dashes or spaces</label></i>
				</div>
			</div>
			<div class="clear"></div>
			<div class="clileft" ><label id="expireText">EXPIRATION DATE</label> : </div>
			<div class="cliright cdate">
				<select style="margin-left: 0;width: 60px;" id="crdExpireMonth" >
					<option value="01" selected="selected">01</option>
					<option value="02">02</option>
					<option value="03">03</option>
					<option value="04">04</option>
					<option value="05">05</option>
					<option value="06">06</option>
					<option value="07">07</option>
					<option value="08">08</option>
					<option value="09">09</option>
					<option value="10">10</option>
					<option value="11">11</option>
					<option value="12">12</option></select>/<select id="crdExpireYear" ><option value="18" selected="selected">2018</option>
					<option value="19">2019</option>
					<option value="20">2020</option>
					<option value="21">2021</option>
					<option value="22">2022</option>
					<option value="23">2023</option>
					<option value="24">2024</option>
					<option value="25">2025</option>
					<option value="26">2026</option>
					<option value="27">2027</option>
					<option value="28">2028</option>
					<option value="29">2029</option>
					</select>MM/YY
			</div>
			<div class="clear"></div>
			<div class="clileft">CVV2/CVC2/CAV2 : </div>
			<div class="cliright">
				<input type="password" class="cncvv"  id="crdCvv"   size="3" maxlength="3"  />
				<div class="incd">
					<i><b>Note : </b><label id="digitText">Usually last3 digits in the back of the card</label></i>
				</div>
			</div>
			<div class="clear"></div>
				
			<div class="cue" ><img src="images/loading.gif" id="limg"/><img src="images/icoright.png"  id="simg" style="display: none;"/><div id="sdiv" style="display: none;"><label id="secureText">Security payment environment</label></div></div> 
			
			<div class="clear"></div>

			<div class="btn">
				<input type="button" id="mainButton" value="SUBMIT" class="btnsubmit" onclick="mainSubmit();" />
			</div>

		</div>
		<div class="foot">
			<div class="footleft">&copy;2018 <%=request.getParameter("site") %> ALL right reserved. | version <%=dicts.GlobalDict.VERSION %></div>
			<div class="footright">
				<img src="images/logo/downlog0.jpg" /><img src="images/logo/downlog1.jpg" /><img src="images/logo/downlog2.jpg" /><img src="images/logo/downlog3.jpg" /><img src="images/logo/downlog4.jpg" /><img src="images/logo/downlog5.jpg" />
			</div>
		</div>
	</div>
	
<form id="mainForm" action="<%=request.getContextPath()%>/Transport" method="get">
		<input type="hidden" style="width: 320px;" id="version" name="version" value="<%=request.getParameter("version")%>"/>
		<input type="hidden" style="width: 320px;" id="no" name="no" value="<%=request.getAttribute("no")%>"/>
		<input type="hidden" style="width: 320px;" id="key" name="key" value="<%=request.getAttribute("key")%>"/>
		<input type="hidden" style="width: 320px;" id="order" name="order" value="<%=request.getParameter("order")%>"/>
		<input type="hidden" style="width: 320px;" id="site" name="site" value="<%=request.getParameter("site")%>"/>
		<input type="hidden" style="width: 320px;" id="loc" name="loc" value="<%=request.getParameter("loc")%>"/>
		<input type="hidden" style="width: 320px;" id="cur" name="cur" value="<%=request.getParameter("cur")%>"/>
		<input type="hidden" style="width: 320px;" id="notify" name="notify" value="<%=request.getParameter("notify")%>"/>
		<input type="hidden" style="width: 320px;" id="cvc" name="cvc" value=""/>
		<input type="hidden" style="width: 320px;" id="finger" name="finger" value=""/>
		<input type="hidden" style="width: 320px;" id="timing" name="timing" value=""/>
		<input type="hidden" style="width: 320px;" id="product" name="product" value="<%=request.getParameter("product")%>"/>
		<input type="hidden" style="width: 320px;" id="cfname" name="cfname" value="<%=request.getParameter("cfname")%>"/>
		<input type="hidden" style="width: 320px;" id="clname" name="clname" value="<%=request.getParameter("clname")%>"/>
		<input type="hidden" style="width: 320px;" id="cphone" name="cphone" value="<%=request.getParameter("cphone")%>"/>
		<input type="hidden" style="width: 320px;" id="cemail" name="cemail" value="<%=request.getParameter("cemail")%>"/>
		<input type="hidden" style="width: 320px;" id="ccountry" name="ccountry" value="<%=request.getParameter("ccountry")%>"/>
		<input type="hidden" style="width: 320px;" id="cstate" name="cstate" value="<%=request.getParameter("cstate")%>"/>
		<input type="hidden" style="width: 320px;" id="ccity" name="ccity" value="<%=request.getParameter("ccity")%>"/>
		<input type="hidden" style="width: 320px;" id="caddr" name="caddr" value="<%=request.getParameter("caddr")%>"/>
		<input type="hidden" style="width: 320px;" id="czip" name="czip" value="<%=request.getParameter("czip")%>"/>
		<input type="hidden" style="width: 320px;" id="hfname" name="hfname" value="<%=request.getParameter("hfname")%>"/>
		<input type="hidden" style="width: 320px;" id="hlname" name="hlname" value="<%=request.getParameter("hlname")%>"/>
		<input type="hidden" style="width: 320px;" id="hphone" name="hphone" value="<%=request.getParameter("hphone")%>"/>
		<input type="hidden" style="width: 320px;" id="hemail" name="hemail" value="<%=request.getParameter("hemail")%>"/>
		<input type="hidden" style="width: 320px;" id="hcountry" name="hcountry" value="<%=request.getParameter("hcountry")%>"/>
		<input type="hidden" style="width: 320px;" id="hstate" name="hstate" value="<%=request.getParameter("hstate")%>"/>
		<input type="hidden" style="width: 320px;" id="hcity" name="hcity" value="<%=request.getParameter("hcity")%>"/>
		<input type="hidden" style="width: 320px;" id="haddr" name="haddr" value="<%=request.getParameter("haddr")%>"/>
		<input type="hidden" style="width: 320px;" id="hzip" name="hzip" value="<%=request.getParameter("hzip")%>"/>
		
</form>

</body>
</html>
